<apes-modal [(apesVisible)]="isVisible" [apesFooter]="null" [apesClosable]="false" [apesWidth]="550">
  <div style="text-align: center;">
    <h2 style="margin: 0">请选择公司，可多选</h2>
  </div>
  <div class="box">
    <!-- 左边 全国、确认按钮 -->
    <div class="right-but">
      <div *ngFor="let but of button; let b = index">
        <button apes-button apesType="default"
                (click)="changeMenu($event, but.id, b, 1)"
                (keydown)="changeMenu($event, but.id, b)"
                id="{{but.id}}"
                tabindex="30"
                (focus)="getMenus(but.id)">{{ but.name }}>
        </button>
      </div>
    </div>
    <!-- 中间 合伙人、直营、赋能 按钮 -->
    <div class="right-but" *ngIf="userCompany">
      <div *ngFor="let bu of buts; let b = index">
        <button apes-button apesType="default"
                (click)="changeOperation($event, b, 1)"
                (keydown)="changeOperation($event, b)"
                id="{{bu.id}}"
                tabindex="20"
                [class.checked]="userCompany[b]['disable']== 'block' ">
          <!--<span>{{userCompany[b]['status']}}</span>-->
          <img class="img" [src]="'./assets/tmp/img/bi/'+userCompany[b]['status']+'.png'">
          {{ bu.name }}
        </button>
      </div>
    </div>
    <!-- 右边 公司 -->
    <div>
      <div class="left-but" *ngFor="let com of userCompany;" [ngStyle]="{ display: com['disable'] }">
        <div *ngFor="let item of com['array']; let i = index">
          <button apes-button apesType="default"
                  (click)="changeCompany($event, com, i, item.checked, 1)"
                  (keydown)="changeCompany($event, com, i, item.checked)"
                  id="{{item.id}}"
                  tabindex="10"
                  [class.checked]=" item.checked == true ">
            <label apes-checkbox [(ngModel)]="item.checked" style="padding-right: 5px;"></label>
            <!--<apes-switch apesSize="small" [(ngModel)]="item.checked"></apes-switch>-->
            {{ item.name }}
          </button>
        </div>
      </div>
    </div>

  </div>
</apes-modal>
